<style type="text/css">
#launch_title{
  width: 100%;
  z-index:1;
  text-align: center;
  line-height: 1.085rem;
}

#star{
  z-index: 9999;
  float: right;
  height: 0.651rem;
  width: 1.302rem;
  margin-top: -0.868rem;
  margin-right:10px;
}

.launch_bar_star{
  float:left;
  margin-top:7px;
  width: 40px;
  height:20px;
}

#contain{
  width: 90%;
  margin-left: 5%;
}

.con_child{
  background: white;
  width: 100%;
  height: 15%;
}

.con_child_child{
  float: left;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  margin-left: 2%;
}

.hr2{
  height: 2px;
  background: white;
  width: 100%;
}

.hr{
  position: absolute;
  height: 2px;
  background: #eee;
  width: 90%;
  margin-left: 5%;
}

#select_dropdown{
  float:right;
}

#launch_launch{
  background: red;
  font-weight: bold;
  color: white;
  border-radius: 50px;
  width: 80%;
  height: 50px;
  margin-left: 10%;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
}
</style>

<div class="bui-page" id="launch">
    <header>
        <div class="header-title">
            <div id="launch_title">发起</div>
        </div>
        <img class="launch_bar_star" id="star" src="images/launch/white_star.png" />
    </header>

    <main>
    	 
      <!--存储信息模块,在容器下面-->
      <div id="launch_info" style="width: 100%; height: 100px; position: absolute; z-index: 1; margin-top: 200px;">
        <input type="text" id="launch_city" style="display: block; margin-left: 10%;">
        <input type="text" id="launch_lng" style="display: block; margin-left: 10%;">
        <input type="text" id="launch_lat" style="display: block; margin-left: 10%;">
        <input type="text" id="launch_detail" style="display: block; margin-left: 10%;">
      </div>


        <div id="contain" style="z-index: 9999; position: absolute;">
          
          <div class="con_child" style="border-top-left-radius: 20px; border-top-right-radius: 20px;">
            <img src="images/launch/class.png" class="pic">
            <div class="con_child_child" id="type_of_activity">活动类型</div>
            <div id="uiDropdown" class="bui-dropdown">
              <div class="bui-btn bui-box my_box" >
                <div class="span1" id="type_name"><!--下拉菜单填写处--></div>
                <i class="icon-dropdown" id="select_dropdown"></i>
              </div>
            </div>  
          </div>
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child">
            <img src="images/launch/name.png" class="pic">
            <div class="con_child_child">活动名称</div>
            <input class="inputer" id="input1" type="text">
          </div>
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child">
            <img src="images/launch/content.png" class="pic">
            <div class="con_child_child">活动内容</div>
            <input class="inputer" id="input2" type="text">
          </div>
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child">
            <img src="images/launch/time.png" class="pic">
            <div class="con_child_child">时&emsp;&emsp;间</div>
            <p class="inputer" id="date"></p>
            <img src="images/launch/right-rose.png" class="pic3">
            
            <!-- <input class="inputer" id="date" /> -->
          </div>
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child">
            <img src="images/launch/map.png" class="pic">
            <div class="con_child_child">地&emsp;&emsp;址</div>
            <div class="con_child_child" id="address">
               <p>请点击右侧图标选择地址</p>
            </div>
            <img src="images/launch/red_map.png" class="pic2">
          </div>
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child">
            <img src="images/launch/cost.png" class="pic">
            <div class="con_child_child">活动费用</div>
            <input class="inputer" id="input3" type="text">
            <div class="con_child_child" style="float: right; margin-right: 4%;">元</div>
          </div>  
          <hr class="hr2">
          <hr class="hr">

          <div class="con_child" style="border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;">
            <img src="images/launch/population.png" class="pic">
            <div class="con_child_child">参加人数</div>
            <input class="inputer" id="input4" type="text">
          </div>
        </div>

        <div id="uiSwipe" class="wrap red">
          <div class="swipedown">
            <div class="calender_panel" id="cl_panel"></div>    
          </div>
        </div>

        <div id="launch_launch">
          发布
        </div>
    </main>
</div>   

  